.CartAll{
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}
:focus{
    outline: none
}

/*****************顶部样式******************************/
.Cartheader_wrap{
    width: 100%;
    height:32px;
    background: #f2f2f2;
    line-height: 32px;
    border-bottom: 1px solid #e5e5e5;
}

.Cartheader_wrap > .Cart_header{
    width: 1200px;
    height:100%;
    background: #f2f2f2;
    margin: 0 auto;
}

/*头部登录注册*/

.Cartheader_wrap > .Cart_header > h1{
    float: left;
    font-size:14px;
    color: #6c6c6c;
}
.Cartheader_wrap > .Cart_header > p{
    display: inline-block;
    font-size:14px;
}

.Cartheader_wrap > .Cart_header > p > a{
    font-size:14px;
    margin-left: 10px;
    color: #ec3e7d;
}


.Cartheader_wrap > .Cart_header > p > em{
    font-size:14px;
    margin-left: 10px;
    color: #6c6c6c;
}
/*************************************************************/
/*头部我的信息栏*/

.Cartheader_wrap > .Cart_header > ul{
    float: right;
}

.Cartheader_wrap > .Cart_header > ul >li{
    float: left;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
}

.Cartheader_wrap > .Cart_header > ul >li:hover{
    background: white;
}

.Cartheader_wrap > .Cart_header > ul >li >a{
    font-size:14px;
    color: #6c6c6c;
}
.Cart_header > ul > li > a > i.icon-rendaiwaiquan{
    color: #ec3e7d;
    padding-right: 8px;
}

/*我的账户*/
.Cart_header > ul >li > .CartUserList{
    background: white;
    position: absolute;
    width: 100px;
    top: 32px;
    left: 10px;
    box-shadow: 0 2px 5px #333;
    display: none;
    z-index: 2;

}
.CartUserList > ul > li > a {
    font-size: 14px;
    color: #6c6c6c;
}



.CartUserList > ul > li:hover a{
    color: #ec3e7d;
}
.Cart_header > ul >li:hover div.CartUserList{
    display: block;
}

/*我的购物车*/
.Cart_header > ul >li > .Cart_carst{
    background: white;
    position: absolute;
    width: 300px;
    padding-bottom: 20px;
    top: 32px;
    right: -40px;
    box-shadow: 0 2px 5px #333;
    display: none;
    z-index: 4;
}
.Cart_carst > p {
    font-size: 14px;
    color: #6c6c6c;
    padding: 5px 0px;
}
.Cart_header > ul >li:hover div.Cart_carst{
    display: block;
}

.Cart_header > ul > li > i.icon-jiarugouwucheicon{
    color: #ec3e7d;
    padding-right: 6px;
}
/*我的收藏*/
.Cart_header > ul > li > i.icon-icon-test{
    color: #ec3e7d;
    padding-right: 6px;
}
/*关注我们*/
.Cart_header > ul >li:last-child{
    font-size: 14px;
    color: #6c6c6c;

}
.Cart_header > ul >li:last-child > a{
    display: inline-block;
    position: relative;
}
.Cart_header > ul >li:last-child > a > div.Cart_weibo{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 26px;
    left: -72px;
    display: none;
}
.Cart_header > ul >li:last-child > a > div.Cart_weixin{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 25px;
    left: -93px;
    display:none;
}
.Cart_header > ul >li:last-child > a:hover div{
    display: block;
}
.Cart_header > ul >li:last-child > a > div> img{
    width:100%;
    height: 100%;
}
/*******************************头部样式结束******************************/

/*******************************logo的样式******************************/
.CartNav{
    height: 94px;
    width: 100%x;
    margin: 0 auto;
    overflow: hidden;
    background: white;

}
.CartNav > .Cart_logo{
    height: 100px;
    width: 1200px;
    margin: 0 auto;
    padding-top: 24px;
    padding-left: 60px;
    background: white;
}
.CartNav > .Cart_logo > h1{
    float: left;
    display: block;
}
.CartNav > .Cart_logo > p{
    width: 560px;
    height: 100px;
    margin-left:95px;
    margin-top: -10px;
    background: url("../images/cartstep.png") no-repeat 0 4px;
    float: left;
}

.CartNav > .Cart_logo > ul > li {
    float: left;
    padding: 10px;
}
/*******************************logo的样式结束******************************/

/*******************************购物车******************************/
.Cart_main{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ebebeb;
    margin: 0 auto;
}

/*产品信息 规格*/
.Cart_main  > .Cart_content{
    width: 985px;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
}
/*倒计时*/

.Cart_content > p:first-child{
    margin-top: 20px;
    height: 30px;
    width: 985px;
    background: #ffab2e;
    line-height: 30px;
    font-size: 13px;
    padding-left: 10px;
    color: white;
}
.Cart_content > p:nth-of-type(2){
    height: 70px;
    width: 1200px;
    background: url("../images/home-bt.png") no-repeat 0 -820px;
}
.Cart_content > p:last-of-type{
    text-align: right;
    color: #666666;
}

/*******************************产品购买列表的样式结束******************************/
.Cart_list{
    width: 985px;
    height: 100%;
    margin: 0 auto;
}
/*表单头部*/
.Cart_list > table > thead {
    display: block;
    height: 36px;
    width: 985px;
    border-bottom: 1px solid #efefef;
    line-height: 36px;
    background: white;
    margin-top: 10px;
}

.Cart_list > table > thead > tr > th{
    height: 100%;
    font-size:16px;
    color: #666666;
    text-align: left;
}
.Cart_list > table > thead > tr > th input{
    margin-left: 10px;
}
.Cart_list > table > thead > tr > th:nth-of-type(1){
    width: 210px;
}
.Cart_list > table > thead > tr > th:nth-of-type(1) span {
    padding-left: 10px;
}
.Cart_list > table > thead > tr > th:nth-of-type(2){
    width: 400px;
}
.Cart_list > table > thead > tr > th:nth-of-type(3){
    width: 90px;
}
.Cart_list > table > thead > tr > th:nth-of-type(4){
    width: 90px;
}
.Cart_list > table > thead > tr > th:nth-of-type(5){
    width: 90px;
}
.Cart_list > table > thead > tr > th:nth-of-type(6){
    width: 104px;
}

/*表单body*/
.Cart_list > table > tbody {
    display: block;
    height: 100%;
    width: 985px;
    background: #FFFFFF;
}
.Cart_list > table > tbody > tr {
    display: block;
    height: 130px;
    width: 985px;
    border-bottom: 1px solid #efefef;
}
.Cart_list > table > tbody > tr > :last-of-type {
    border-bottom: none;
}

.Cart_list > table > tbody > tr > th{
    height: 100%;
    font-size:16px;
    color: #666666;
    text-align: left;
    display: block;
    float: left;
    font-weight:normal;
}
.Cart_list > table > tbody > tr > th:nth-of-type(1){
    width: 210px;

}
.Cart_list > table > tbody > tr > th:nth-of-type(1) input{
    display: block;
    margin-top: 20px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-left:10px;
}
.Cart_list > table > tbody > tr > th:nth-of-type(1) span {
    height: 100px;
    width: 100px;
    display: inline-block;
    margin-top: -16px;
    margin-left: 37px;
}
.Cart_list > table > tbody > tr > th:nth-of-type(1) span img{
    height: 100px;
    width: 100px;
    display: block;
}

.Cart_list > table > tbody > tr > th:nth-of-type(2){
    width: 400px;
    padding-top: 20px;
}
.Cart_list > table > tbody > tr > th:nth-of-type(3){
    width: 90px;
    padding-top: 20px;
}

.Cart_list > table > tbody > tr > th:nth-of-type(4){
    width: 90px;
    padding-top: 20px;
}
.Cart_list > table > tbody > tr > th:nth-of-type(4) input{
    width: 30px;
    vertical-align: top;
}

.Cart_list > table > tbody > tr > th:nth-of-type(5){
    width: 90px;
    padding-top: 20px;

}
.Cart_list > table > tbody > tr > th:nth-of-type(6){
    padding-top: 20px;

}
.Cart_list > table > tbody > tr > th > em{
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #efefef;
    text-align: center;
    line-height: 20px;
}
/*表单tfoot*/

.Cart_list > table > tfoot{
    display: block;
    width: 985px;
    height: 120px;
}
.Cart_list > table > tfoot > tr{
    margin-top: 20px;
    display: block;
    width: 985px;
    height: 36px;
    background: #FFFFFF;
    border-bottom: 1px solid #e2e2e2;
    font-size:14px;
    color: #666666;
    line-height: 36px;
    float: left;
}
.Cart_list > table > tfoot > tr:first-of-type th {
    width: 120px;
}


.Cart_list > table > tfoot > tr:last-of-type th {
    width: 120px;
    font-size: 14px;
    color: #666666;
    line-height: 17px;
}

.Cart_list > table > tfoot > tr th em{
    font-size: 14px;
    color: #ec3e7d;
    display: inline-block;
    padding: 0 2px;
}

.Cart_list > table > tfoot > tr > th:nth-of-type(7){
    width: 180px;
}
.Cart_list > table > tfoot > tr > th:nth-of-type(7) em{
    font-size: 24px;
}
.Cart_list > table > tfoot > tr > th button {
    width: 145px;
    height:36px;
    display: block;
    border: none;
    color: white;
    font-size: 18px;
    background: #ec3e7d;
}

/*******************************footer的样式结束******************************/

.CartFooter_Top{
    width: 100%;
    height: 270px;
    background: #FFFFFF;
}
.CartFooter_Top > .Cart_Top {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.Cart_Top > div.CartFt_left{
    float: left;
    height:100%;
    width:860px;
}


.CartFt_left > .CartFt_list{
    height: 180px;
    width:100%;
}

.CartFt_left > .CartFt_list > dl{
    float: left;
    padding-right: 16px;
    margin-top: 24px;
}
.CartFt_left > .CartFt_list > dl > dt {
    float: left;
    padding-right: 90px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
.CartFt_left > .CartFt_list > dl > dd {
    margin-top: 10px;
    font-size: 12px;
}

.CartFt_left > div.CartFt_img{
    height: 90px;
    width: 100%;
    overflow: hidden;
}
.CartFt_left > div.CartFt_img > img{
    margin-top: 16px;
    margin-left: 11px;
}
.Cart_Top > .CartFt_right {
    height:100%;
    float: right;
    width:340px;
}

.Cart_Top > .CartFt_right > p{
    float: left;
    height: 180px;
    width: 108px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
}
.Cart_Top > .CartFt_right > p > img{
    width: 100%;
}

.Cart_Top > .CartFt_right > p > span{
    font-size: 12px;
    display: block;
    text-align: center;
    width: 96px;
    margin: 0 auto;
    margin-top: 16px;
}





/*底部信息栏*/
.Cart_ftbottom{
    width: 100%;
    height: 102px;
    background: #000;
}

.Cart_ftbottom > .CartFt_bottom{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.CartFt_bottom > ul{
    height: 50px;
    width:100%;
}
.CartFt_bottom > ul > li{
    float: left;
    line-height: 60px;
}
.CartFt_bottom > ul > li > a {
    font-size: 14px;
    border-right: 1px solid #fff;
    padding: 0 10px;
    color: white;
}
.CartFt_bottom > ul > li:first-child a {
    padding-left: 0px;
}
.CartFt_bottom > ul > li:last-child a {
    border-right: none;
}

.CartFt_bottom > p{
    height: 50px;
    width: 800px;
    font-size:12px;
    color: #FFFFFF;
}





/*******************************footer 结束******************************/

/*侧边栏信息*/
.Cart_sidebar{
    height: 100%;
    width: 40px;
    background: #4c4c4c;
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 5;
}
.Cart_sidebar > ul > li:first-of-type{
    height: 100%;

}
.Cart_sidebar > ul > li:first-of-type p{
    font-size:14px;
    padding: 0px 14px;
    color: #FFFFFF;
}

/*用户名*/
.Cart_sidebar > ul > li:nth-of-type(2){
    height: 40px;
    background-color: #4c4c4c;
    line-height: 40px;
    color: orange;
    position: relative;
}
.Cart_sidebar > ul > li:nth-of-type(2):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(2) i{
    padding: 13px;
    border-bottom: 1px solid #666;
}

.Cart_sidebar > ul > li > div.Cartr_user{
    position: absolute;
    top: 6px;
    left: -160px;
    width:100px;
    height: 30px;
    background: #666666;
    text-align: center;
    line-height: 30px;
    color: #f2f2f2;
    font-size:14px;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
}
.Cart_sidebar > ul > li > div.Cartr_user:after{
    content:"";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    margin-left: 22px;
    margin-top: 5px;
    border-color:transparent transparent transparent #666666;
}
.Cart_sidebar > ul > li:nth-of-type(2):hover div.Cartr_user{
    opacity:1;
    position: absolute;
    left: -110px;
    visibility: visible;
}


/*购物车*/
.Cart_sidebar > ul > li:nth-of-type(3){
    height:120px;
    background: #4c4c4c;
    text-align: center;
    margin-top: 3px;
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
}

.Cart_sidebar > ul > li:nth-of-type(3):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(3) i{
    display: block;
    font-size:24px;
    padding-top: 10px;
    color: orange;
}

.Cart_sidebar > ul > li:nth-of-type(3) span{
    display: block;
    width: 20px;
    padding-left: 13px;
    color: white;
    font-size: 12px;
}

.Cart_sidebar > ul > li:nth-of-type(3) em{
    color: #FFFFFF;
    font-size:12px;
}


/*收藏*/
.Cart_sidebar > ul > li:nth-of-type(4){
    height: 40px;
    background-color: #4c4c4c;
    line-height: 40px;
    color: orange;
    position: relative;
}
.Cart_sidebar > ul > li:nth-of-type(4):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(4) i{
    padding: 13px;
}


/*动画*/
.Cart_sidebar > ul > li > div.Cartr_icon:after{
    content:"";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    margin-left: 22px;
    margin-top: 5px;
    border-color:transparent transparent transparent #666666;
}
.Cart_sidebar > ul > li > div.Cartr_icon{
    position: absolute;
    top: 6px;
    left: -160px;
    width:100px;
    height: 30px;
    background: #666666;
    text-align: center;
    line-height: 30px;
    color: #f2f2f2;
    font-size:14px;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
}
.Cart_sidebar > ul > li:nth-of-type(4):hover div.Cartr_icon{
    opacity:1;
    position: absolute;
    left: -110px;
    visibility: visible;
}



/*倒计时*/
.Cart_sidebar > ul > li:nth-of-type(5){
    height: 40px;
    background-color: #4c4c4c;
    line-height: 40px;
    color: orange;
    position: relative;
}
.Cart_sidebar > ul > li:nth-of-type(5):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(5) i{
    padding: 13px;
}

.Cart_sidebar > ul > li > div.Cartr_benq{
    position: absolute;
    top: 6px;
    left: -160px;
    width:100px;
    height: 30px;
    background: #666666;
    text-align: center;
    line-height: 30px;
    color: #f2f2f2;
    font-size:14px;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
}
.Cart_sidebar > ul > li > div.Cartr_benq:after{
    content:"";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    margin-left: 22px;
    margin-top: 5px;
    border-color:transparent transparent transparent #666666;
}
.Cart_sidebar > ul > li:nth-of-type(5):hover div.Cartr_benq{
    opacity:1;
    position: absolute;
    left: -110px;
    visibility: visible;
}

/*内容框*/
.Cart_sidebar > ul > li:nth-of-type(6){
    height: 100%;

}
.Cart_sidebar > ul > li:nth-of-type(6) p{
    font-size:12px;
    padding: 0px 14px;
    color: #FFFFFF;
}


/*耳机*/
.Cart_sidebar > ul > li:nth-of-type(7){
    height: 40px;
    background-color: #4c4c4c;
    line-height: 40px;
    color: orange;
    position: relative;
}
.Cart_sidebar > ul > li:nth-of-type(7):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(7) i{
    padding: 7px;
    font-size:26px;
}

.Cart_sidebar > ul > li > div.CartErji{
    position: absolute;
    top: 6px;
    left: -160px;
    width:100px;
    height: 30px;
    background: #666666;
    text-align: center;
    line-height: 30px;
    color: #f2f2f2;
    font-size:14px;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
}
.Cart_sidebar > ul > li > div.CartErji:after{
    content:"";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    margin-left: 22px;
    margin-top: 5px;
    border-color:transparent transparent transparent #666666;
}
.Cart_sidebar > ul > li:nth-of-type(7):hover div.CartErji{
    opacity:1;
    position: absolute;
    left: -110px;
    visibility: visible;
}

/*微信*/
.Cart_sidebar > ul > li:nth-of-type(8){
    height: 40px;
    background-color: #4c4c4c;
    line-height: 40px;
    color: orange;
    position: relative;
}
.Cart_sidebar > ul > li:nth-of-type(8):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(8) i{
    padding: 10px;
    font-size:20px;
}

.Cart_sidebar > ul > li > div.Cart_erweima{
    position: absolute;
    top: -40px;
    left: -160px;
    width:120px;
    height: 120px;
    background: #666666;
    text-align: center;
    line-height: 30px;
    color: #f2f2f2;
    font-size:14px;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
}
.Cart_sidebar > ul > li > div.Cart_erweima img{
    width: 100%;
    height: 100%;
}
.Cart_sidebar > ul > li > div.Cart_erweima:after{
    content:"";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    margin-left: 60px;
    margin-top: -70px;
    border-color:transparent transparent transparent #fff;
}
.Cart_sidebar > ul > li:nth-of-type(8):hover div.Cart_erweima{
    opacity:1;
    position: absolute;
    left: -130px;
    visibility: visible;
}



/*回到底部*/
.Cart_sidebar > ul > li:nth-of-type(9){
    height: 40px;
    background-color: #4c4c4c;
    color: orange;
}
.Cart_sidebar > ul > li:nth-of-type(9):hover{
    background-color: #ec3e7d;

}

.Cart_sidebar > ul > li:nth-of-type(9) i{
    display: block;
    padding-top: 6px;
    padding-left: 12px;
    font-size:10px;
}
.Cart_sidebar > ul > li:nth-of-type(9) span{
    padding:0 8px;
    font-size:10px;
    line-height: 10px;
}